<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" name="viewport">
    <meta content="telephone=no" name="format-detection">
    <title>日常请假</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts-en.common.min.js"></script>
    <script type="text/javascript" charset="utf-8" async="" src="../static/XGPhone/static/js/0.5466be6b8f12bc462442.js"></script>
    <script type="text/javascript" charset="utf-8" async="" src="../static/XGPhone/static/js/8.c3e9d9badee348c22147.js"></script>
    <script type="text/javascript" charset="utf-8" async="" src="../static/XGPhone/static/js/16.9af0ffe06f7a2ec01823.js"></script>
    <script type="text/javascript" charset="utf-8" async="" src="../static/XGPhone/static/js/5.2ed8c13bd87ca09228fc.js"></script>
    <link href="../static/css/app.f0ed3b219ae53326000451daf52ff23a.css" rel="stylesheet">
    <style type="text/css">
    
.border-bottom-1px[data-v-9e8c844a]::after,
.border-right-1px[data-v-9e8c844a]::after,
.border-top-1px[data-v-9e8c844a]::before,
.border-left-1px[data-v-9e8c844a]::before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.form-input-radio .cube-radio-label[data-v-9e8c844a] {
  color: #777;
  font-size: 15px;
}
.form-input-radio.border-top-1px[data-v-9e8c844a]::before {
  border-top: 0;
}
.form-input-radio .border-right-1px[data-v-9e8c844a]::after {
  border-right: 0;
}
.form-input-radio .border-bottom-1px[data-v-9e8c844a]::after {
  border-bottom: 0;
}
.form-input-radio.border-bottom-1px[data-v-9e8c844a]::after {
  border-bottom: 0;
}
.form-input-radio.cube-radio-group[data-horz="true"][data-v-9e8c844a]::after {
  border: 0;
}
.form-input-radio[data-horz="true"] .cube-radio-wrap[data-v-9e8c844a] {
  padding: 0;
}
.form-input-checkbox .cube-checkbox-label[data-v-9e8c844a] {
  color: #777;
  font-size: 15px;
}
.form-input-checkbox.no-padding .cube-checkbox-wrap[data-v-9e8c844a] {
  padding: 0;
}
.form-input-checkbox-group .cube-checkbox[data-v-9e8c844a] {
  color: #777;
  font-size: 15px;
}
.form-input-checkbox-group .cube-checkbox .cube-checkbox-wrap.border-bottom-1px[data-v-9e8c844a]::after {
  border: 0;
}
.form-input-checkbox-group.border-top-1px[data-v-9e8c844a]::before {
  border: 0;
}
.form-input-checkbox-group.border-bottom-1px[data-v-9e8c844a]::after {
  border: 0;
}
.main[data-v-9e8c844a] {
  background-color: #f4f6f8;
  height: 100%;
  position: relative;
}
.main .main-box[data-v-9e8c844a] {
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 49px;
}
.main .main-box .main-container[data-v-9e8c844a] {
  position: relative;
  height: 100%;
}
.main .main-box .main-container .notice[data-v-9e8c844a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  color: #de2358;
  text-align: center;
}
.main .main-box .main-container .notice .iconfont[data-v-9e8c844a] {
  margin-right: 7px;
  font-size: 15px;
}
.main .main-box .main-container .item-box[data-v-9e8c844a] {
  margin-bottom: 10px;
}
.main .main-box .main-container .item-box.pad-top[data-v-9e8c844a]:first-child {
  padding-top: 10px;
}
.main .main-box .main-container .item-box .content[data-v-9e8c844a] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main .main-box .main-container .item-box .detail[data-v-9e8c844a] {
  font-size: 12px;
  color: #20d5de;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.main .main-box .main-container .item-box .detail img[data-v-9e8c844a] {
  height: 10px;
  width: 6px;
  margin-left: 2px;
  margin-top: -2px;
}
.main .state[data-v-9e8c844a] {
  height: 48px;
  width: 48px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.main .item-child[data-v-9e8c844a] {
  padding-left: 40px;
  padding-right: 15px;
}
@media screen and (max-width: 320px) {
.main .main-container .item-box .item-child[data-v-9e8c844a] {
    padding-left: 35px;
    padding-right: 10px;
}
}
    </style>
    <style type="text/css">
        .border-bottom-1px[data-v-f868cee4]::after,
        .border-right-1px[data-v-f868cee4]::after,
        .border-top-1px[data-v-f868cee4]::before,
        .border-left-1px[data-v-f868cee4]::before {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
        .form-input-radio .cube-radio-label[data-v-f868cee4] {
            color: #777;
            font-size: 15px;
        }
        .form-input-radio.border-top-1px[data-v-f868cee4]::before {
            border-top: 0;
        }
        .form-input-radio .border-right-1px[data-v-f868cee4]::after {
            border-right: 0;
        }
        .form-input-radio .border-bottom-1px[data-v-f868cee4]::after {
            border-bottom: 0;
        }
        .form-input-radio.border-bottom-1px[data-v-f868cee4]::after {
            border-bottom: 0;
        }
        .form-input-radio.cube-radio-group[data-horz="true"][data-v-f868cee4]::after {
            border: 0;
        }
        .form-input-radio[data-horz="true"] .cube-radio-wrap[data-v-f868cee4] {
            padding: 0;
        }
        .form-input-checkbox .cube-checkbox-label[data-v-f868cee4] {
            color: #777;
            font-size: 15px;
        }
        .form-input-checkbox.no-padding .cube-checkbox-wrap[data-v-f868cee4] {
            padding: 0;
        }
        .form-input-checkbox-group .cube-checkbox[data-v-f868cee4] {
            color: #777;
            font-size: 15px;
        }
        .form-input-checkbox-group .cube-checkbox .cube-checkbox-wrap.border-bottom-1px[data-v-f868cee4]::after {
            border: 0;
        }
        .form-input-checkbox-group.border-top-1px[data-v-f868cee4]::before {
            border: 0;
        }
        .form-input-checkbox-group.border-bottom-1px[data-v-f868cee4]::after {
            border: 0;
        }
        .item-nodes[data-v-f868cee4] {
            font-size: 15px;
            margin-bottom: 20px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: stretch;
            -webkit-align-items: stretch;
            align-items: stretch;
            line-height: 1.3;
        }
        .item-nodes[data-v-f868cee4]:last-child {
            margin-bottom: 0;
        }
        .item-nodes .item-label[data-v-f868cee4] {
            color: #333;
            width: 60px;
            padding-right: 15px;
        }
        .item-nodes .item-content[data-v-f868cee4] {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            color: #777;
            word-break: break-all;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            overflow: hidden;
        }
    </style>
    <style type="text/css">

        .border-bottom-1px[data-v-4941f420]::after,
        .border-right-1px[data-v-4941f420]::after,
        .border-top-1px[data-v-4941f420]::before,
        .border-left-1px[data-v-4941f420]::before {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
        .form-input-radio .cube-radio-label[data-v-4941f420] {
            color: #777;
            font-size: 15px;
        }
        .form-input-radio.border-top-1px[data-v-4941f420]::before {
            border-top: 0;
        }
        .form-input-radio .border-right-1px[data-v-4941f420]::after {
            border-right: 0;
        }
        .form-input-radio .border-bottom-1px[data-v-4941f420]::after {
            border-bottom: 0;
        }
        .form-input-radio.border-bottom-1px[data-v-4941f420]::after {
            border-bottom: 0;
        }
        .form-input-radio.cube-radio-group[data-horz="true"][data-v-4941f420]::after {
            border: 0;
        }
        .form-input-radio[data-horz="true"] .cube-radio-wrap[data-v-4941f420] {
            padding: 0;
        }
        .form-input-checkbox .cube-checkbox-label[data-v-4941f420] {
            color: #777;
            font-size: 15px;
        }
        .form-input-checkbox.no-padding .cube-checkbox-wrap[data-v-4941f420] {
            padding: 0;
        }
        .form-input-checkbox-group .cube-checkbox[data-v-4941f420] {
            color: #777;
            font-size: 15px;
        }
        .form-input-checkbox-group .cube-checkbox .cube-checkbox-wrap.border-bottom-1px[data-v-4941f420]::after {
            border: 0;
        }
        .form-input-checkbox-group.border-top-1px[data-v-4941f420]::before {
            border: 0;
        }
        .form-input-checkbox-group.border-bottom-1px[data-v-4941f420]::after {
            border: 0;
        }
        .bottom-btn-box[data-v-4941f420] {
            position: absolute;
            left: 0;
            bottom: 0;
            color: #fff;
            text-align: center;
            height: 49px;
            width: 100%;
            outline: 0;
            border: 0;
            font-size: 15px;
            z-index: 20;
        }
    </style>
    <style type="text/css">

        .border-bottom-1px[data-v-5ba88294]::after,
        .border-right-1px[data-v-5ba88294]::after,
        .border-top-1px[data-v-5ba88294]::before,
        .border-left-1px[data-v-5ba88294]::before {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
        .form-input-radio .cube-radio-label[data-v-5ba88294] {
            color: #777;
            font-size: 15px;
        }
        .form-input-radio.border-top-1px[data-v-5ba88294]::before {
            border-top: 0;
        }
        .form-input-radio .border-right-1px[data-v-5ba88294]::after {
            border-right: 0;
        }
        .form-input-radio .border-bottom-1px[data-v-5ba88294]::after {
            border-bottom: 0;
        }
        .form-input-radio.border-bottom-1px[data-v-5ba88294]::after {
            border-bottom: 0;
        }
        .form-input-radio.cube-radio-group[data-horz="true"][data-v-5ba88294]::after {
            border: 0;
        }
        .form-input-radio[data-horz="true"] .cube-radio-wrap[data-v-5ba88294] {
            padding: 0;
        }
        .form-input-checkbox .cube-checkbox-label[data-v-5ba88294] {
            color: #777;
            font-size: 15px;
        }
        .form-input-checkbox.no-padding .cube-checkbox-wrap[data-v-5ba88294] {
            padding: 0;
        }
        .form-input-checkbox-group .cube-checkbox[data-v-5ba88294] {
            color: #777;
            font-size: 15px;
        }
        .form-input-checkbox-group .cube-checkbox .cube-checkbox-wrap.border-bottom-1px[data-v-5ba88294]::after {
            border: 0;
        }
        .form-input-checkbox-group.border-top-1px[data-v-5ba88294]::before {
            border: 0;
        }
        .form-input-checkbox-group.border-bottom-1px[data-v-5ba88294]::after {
            border: 0;
        }
        .item-parent[data-v-5ba88294] {
            background-color: #fff;
            padding: 20px 15px;
            position: relative;
            left: 0;
            top: 0;
        }
        @media screen and (max-width: 320px) {
            .item-parent[data-v-5ba88294] {
                padding: 20px 10px;
            }
        }
    </style>
    <script type="text/javascript" charset="utf-8" async="" src="../static/js/0.5466be6b8f12bc462442.js"></script>
    <script type="text/javascript" charset="utf-8" async="" src="../static/js/8.c3e9d9badee348c22147.js"></script>
</head>
<body>
<div data-v-91743dc2="" id="app">
    <div data-v-9e8c844a="" data-v-91743dc2="" class="main">
        <div data-v-9e8c844a="" class="main-box">
            <div data-v-9e8c844a="" class="main-container">
                <div data-v-9e8c844a="" class="cube-scroll-wrapper">
                    <div class="cube-scroll-content" style="transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 0ms; transform: translate(0px, 0px) scale(1) translateZ(0px);">
                        <div class="cube-scroll-list-wrapper" style="min-height: 861px;"><!----> 
                            <div data-v-9e8c844a="">
                                <div data-v-9e8c844a="" class="item-box pad-top">

                                    <div data-v-5ba88294="" data-v-9e8c844a="" class="item-parent">
                                        <!---->
                                        <!----> 
                                        <!----> 
                                        <!----> 
                                        <!----> 
                                        <img data-v-9e8c844a="" data-v-5ba88294="" src="" srcset=" 3x" alt="" class="state">
                                        <div data-v-f868cee4="" data-v-9e8c844a="" class="item-nodes" data-v-5ba88294="">
                                            <div data-v-f868cee4="" class="item-label">姓名</div> 
                                            <div data-v-f868cee4="" class="item-content">
                                                <div data-v-9e8c844a="" data-v-f868cee4="" class="content"><span th:text="${stu.stuname}"></span></div>
                                            <div data-v-9e8c844a="" data-v-f868cee4="" class="detail">
                                                查看详情
                                                <img data-v-9e8c844a="" data-v-f868cee4="" src="" alt="">
                                            </div>
                                        </div>
                                    </div> 
                                    <div data-v-f868cee4="" data-v-9e8c844a="" class="item-nodes" data-v-5ba88294="">
                                        <div data-v-f868cee4="" class="item-label">专业</div> 
                                        <div data-v-f868cee4="" class="item-content">计算机科学与技术</div>
                                    </div>
                                        <div data-v-f868cee4="" data-v-9e8c844a="" class="item-nodes" data-v-5ba88294="">
                                            <div data-v-f868cee4="" class="item-label">年级</div>
                                            <div data-v-f868cee4="" class="item-content">2018</div>
                                        </div>
                                        <div data-v-f868cee4="" data-v-9e8c844a="" class="item-nodes" data-v-5ba88294="">
                                            <div data-v-f868cee4="" class="item-label">事由类型</div> 
                                            <div data-v-f868cee4="" class="item-content">病假</div>
                                        </div>
                                            <div data-v-f868cee4="" data-v-9e8c844a="" class="item-nodes" data-v-5ba88294="">
                                                <div data-v-f868cee4="" class="item-label">请假时间</div> 
                                                <div data-v-f868cee4="" class="item-content">2020年11月13日至2020年11月13日</div>
                                            </div>
                                                <div data-v-f868cee4="" data-v-9e8c844a="" class="item-nodes" data-v-5ba88294="">
                                                    <div data-v-f868cee4="" class="item-label">外出地点</div>
                                                    <div data-v-f868cee4="" class="item-content">双阳区医院</div>
                                                </div>
                                                    <div data-v-f868cee4="" data-v-9e8c844a="" class="item-nodes" data-v-5ba88294="">
                                                        <div data-v-f868cee4="" class="item-label">同行人数</div>
                                                        <div data-v-f868cee4="" class="item-content">0人</div>
                                                    </div>
                                    </div>
                                    <!---->
                                                    </div>
                                                </div>
                                            </div> 
                                                    <div class="cube-pullup-wrapper">
                                                        <div class="before-trigger">
                                                            <span></span>
                                                        </div>
                                                    </div>
                                                </div> 
                                                <!---->
                                            </div>
                                        </div>
                                    </div> 
                                    <button data-v-4941f420="" data-v-9e8c844a="" class="bottom-btn-box" style="background: linear-gradient(to right, rgb(90, 228, 218), rgb(71, 182, 252));">提交请假</button>
                                </div>
</div>
    <script type="text/javascript" src="../static/js/manifest.af3815c67a6c34d7490c.js"></script>
    <script type="text/javascript" src="../static/js/vendor.2e3815022f6a6c1d6d95.js"></script>
    <script type="text/javascript" src="../static/js/app.f14cb03212204ddec02c.js"></script>
</body>
</html>